@charset "utf-8";
/* ===================首页样式========================== */
.indban{width: 100%;overflow: hidden;position: relative;}
.indban-img{width: 100%;}
.indban-imgpc,.indban-imgmb{width: 100%;object-fit: cover;}
.indban-imgpc{min-height: 400px;}
.indban-imgmb{min-height: 230px;display: none;}
.indban .swiper-pagination{bottom: 38px;}
.swiper-point .swiper-pagination-bullet {background: #fff;opacity: .3;border-radius: 8px;transition: all .4s ease;}
.swiper-point .swiper-pagination-bullet-active {opacity: 1;width: 40px;background: linear-gradient(to right,#0070c0,#0d9aff);}

.indmk{width: 100%;overflow: hidden;padding: 50px 0;}
.indtit{width: 100%;text-align: center;position: relative;z-index: 2;}
.indtit p{position: relative;font-size: 32px;color: #333;font-weight: 500;padding-bottom: 18px;}
.indtit p:after{content: "";position: absolute;width: 60px;height: 4px;background: linear-gradient(to right,#0070c0,#0d9aff);left: 50%;margin-left: -30px;bottom: 0;}
.indtit h4{font-size: 18px;color: #444;margin-top: 22px;}
.indtit.white p{color: #fff;}
.indtit.white h4{color: #fff;}

.indgy{position: relative;}
.indgy:before, .indgy:after{content: "";position: absolute;background-repeat: no-repeat;background-size: 100% auto;}
.indgy:before{width: 330px;height: 338px;background-image: url('../images/indgyIc1.png');top: 0;left: 0;background-position: top left;}
.indgy:after{width: 490px;height: 490px;background-image: url('../images/indgyIc2.png');bottom: 0;right: 0;background-position: right bottom;}
.indgy-desc{width: 100%;margin-top: 40px;position: relative;z-index: 2;}
.indgy-desc p{font-size: 15px;color: #fff;line-height: 32px; text-indent: 32px;}
.indgy-desc a{display: block;width: 160px;height: 46px;line-height: 44px;text-align: center;border-radius: 24px;font-size: 16px;color: #fff;margin: 36px auto 0;background: linear-gradient(to right,#0070c0,#0d9aff);}
.indgy-desc a span{display: inline-block;vertical-align: middle;position: relative;padding-right: 30px;background: url('../images/indarr.png') no-repeat right 8px center;transition: all .4s ease;}
.indgy-desc a:hover span{background-position: right center;}
.indgy-list{width: 100%;margin-top: 28px;position: relative;z-index: 2;}
.indgy-list{margin-left: 1px;}
.indgy-list li{width: 25%;float: left;height: 220px;border: 1px solid #e5e5e5;margin-left: -1px;text-align: center;padding: 32px 0 0;background: #fff;}
.indgy-list li:first-child{border-left: 1px solid #e5e5e5;}
.indgy-list li h6{height: 100px;display: flex;width: 100%;align-items: flex-end;justify-content: center;}
.indgy-list li h6 img{max-height: 100%;transition: all .4s linear;}
.indgy-list li p{font-size: 20px;color: #666;margin-top: 28px;}
.indgy-list li:hover img{transition: all .4s linear; transform: rotate(-360deg);}

.indpp{background-repeat: no-repeat;background-size: cover;}
.indpp-loop{width: 100%;margin-top: 54px;}
.indpp-imgwd{display: block;width: 100%;background: #fff;text-align: center;}
.indpp-img {display: flex;align-items: center;justify-content: center;position: relative;width: 100%;height: 148px;border-bottom: 1px solid #e5e5e5;}
.indpp-img img{max-width: 88%;max-height: 88%;transition: all .4s ease;}
.indpp-img:after{content: "";width: 0;right: 0;left: 0;margin: 0 auto;position: absolute;height: 1px;background: linear-gradient(to right,#0070c0,#0d9aff);bottom: -1px;transition: all .6s ease;}
.indpp-wd{height: 150px;padding: 34px 20px 0;}
.indpp-wd h4{font-size: 18px;color: #333;margin-bottom: 12px;transition: all .4s ease;}
.indpp-wd p{font-size: 13px;color: #555;line-height: 24px;}
.indpp-imgwd:hover .indpp-img:after{width: 100%;}
.indpp-imgwd:hover .indpp-wd h4{color: #0070c0;}
.indpp-imgwd:hover .indpp-img img{transform: translateY(-6px);}
.indpp .swiper-pagination{bottom: 0;}
.indpp .swiper-wrapper{padding-bottom: 68px;}
.indpp .swiper-point .swiper-pagination-bullet {background: #d2d2d2;opacity: 1;}
.indpp .swiper-point .swiper-pagination-bullet-active {background: linear-gradient(to right,#0070c0,#0d9aff);}

.indcp .contain{width: 1470px;}
.indcp-loop{width: 100%;margin-top: 44px;}
.indcp-imgwd{width: 100%;display: block;position: relative;height: 410px;box-shadow: 0 4px 14px 4px #efefef;transition: all .4s ease;}
.indcp-imgwd:hover{box-shadow: 0 4px 14px 4px #e9f6e3;}
.indcp-img{width: 100%;display: flex;align-items: center;justify-content: center;height: 286px;position: relative;}
.indcp-img:after{content: "";position: absolute;width: 100%;height: 3px;background: #0070c0;left: 0;top: 0;transition: all .4s ease;}
.indcp-img img{max-width: 88%;max-height: 88%;transform: scale(.96);transition: all .4s linear;}
.indcp-wd{width: 100%;padding: 10px 28px 0;}
.indcp-wd h2{font-size: 20px;color: #222;font-weight: 500;white-space:nowrap;text-overflow:ellipsis;overflow:hidden; text-align: center;}
.indcp-wd p{font-size: 14px;color: #666;line-height: 26px;margin: 14px 0 28px;height: 52px;overflow: hidden;display: -webkit-box;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.indcp-wd a{display: block;width: 94px;height: 40px;line-height: 38px;border: 1px solid #0070c0;position: relative;text-align: center;border-radius: 2px;font-size: 16px;color: #0070c0;transition: all .4s ease; margin: auto;}
.indcp-wd a:after{content: "";position: absolute;height: 100%;width: 0;right: 0;background: linear-gradient(to right,#0070c0,#0d9aff);transition: all .6s ease;}
.indcp-wd a span{position: relative;z-index: 2;}
.indcp-wd a:hover{color: #fff;}
.indcp-wd a:hover:after{width: 100%;right: auto;left: 0;}
.indcp-imgwd:hover .indcp-img img{transform: scale(1);}
.indcp .swiper-container{padding: 10px 15px 20px;}
.indcp .swiper-pagination{bottom: 0;}
.indcp .swiper-wrapper{padding-bottom: 38px;}
.indcp .swiper-point .swiper-pagination-bullet {background: #b5b5b5;opacity: 1;}
.indcp .swiper-point .swiper-pagination-bullet-active {background: linear-gradient(to right,#0070c0,#0d9aff);}

.indfa{background: #f8f8f8;}
.indfa-item{width: 100%;margin-top: 54px;}
.indfa-imgnum{width: 48.6%;height: 530px;overflow: hidden;position: relative;float: left;}
.indfa-imgnum img{width: 100%;height: 100%;object-fit: cover;}
.indfa-num{width: 100%;text-align: center;position: absolute;left: 0;bottom: 50px;overflow: hidden;color: #fff;}
.indfa-num li{width: 33.333%;float: left;}
.indfa-num li p{font-family: 'Impact';font-size: 56px;}
.indfa-num li span{font-size: 16px;display: block;margin-top: 6px;}
.indfa-cont{width: 48.6%;float: right;}
.indfa-cont a{display: block;width: 100%;overflow: hidden;background: #fff;margin-top: 34px;}
.indfa-cont a:first-child{margin-top: 0;}
.indfa-cont-img{width: 330px;overflow: hidden;float: left;}
.indfa-cont-img img{width: 100%;object-fit: cover;transition: all .4s linear;min-height: 248px;}
.indfa-cont-desc{width: calc(100% - 330px);float: right;padding: 36px 28px 0;}
.indfa-cont-desc h1{font-size: 20px;color: #333;line-height: 30px;height: 60px;transition: all .4s ease;overflow: hidden;display: -webkit-box;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.indfa-cont-desc span{font-size: 16px;color: #888;display: block;margin: 16px 0 18px;}
.indfa-cont-desc p{font-size: 16px;color: #888;line-height: 24px;height: 48px;overflow: hidden;display: -webkit-box;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.indfa-cont a:hover .indfa-cont-img img{transform: scale(1.06);}
.indfa-cont a:hover .indfa-cont-desc h1{color: #0070c0;}

.indxw-item{width: 100%;margin-top: 52px;}
.indxw-item ul{margin-left: -1.5%;}
.indxw-item li{width: 31.8333%;background: #fff;float: left;margin-left: 1.5%;box-shadow: 0 4px 14px 4px #eee;}
.indxw-link{width: 100%;display: block;}
.indxw-link-img{width: 100%;height: 280px;overflow: hidden;}
.indxw-link-img img{width: 100%;height: 100%;object-fit: cover;transition: all .4s linear;}
.indxw-link-wd{width: 100%;padding: 28px;}
.indxw-link-wd h3{font-size: 18px;color: #333;line-height: 24px;height: 24px;transition: all .4s ease;overflow: hidden;display: -webkit-box;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.indxw-link-wd p{font-size: 14px;color: #888;line-height: 24px;margin: 16px 0 20px;height: 48px;overflow: hidden;display: -webkit-box;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.indxw-link-wd span{display: block;font-size: 16px;color: #888;padding-left: 24px;background: url('../images/indxwIc.png') no-repeat left center;}
.indxw-link:hover .indxw-link-img img{transform: scale(1.06);}
.indxw-link:hover .indxw-link-wd h1{color: #0070c0;}
.indxw-list{width: 100%;height: 510px;padding: 36px 36px 0;}
.indxw-scroll{width: 100%;height: 436px;}
.indxw-list a{display: block;width: 100%;margin-top: 20px;}
.indxw-list a:first-child{margin-top: 0;}
.indxw-list a h1{font-size: 20px;line-height: 28px;color: #333;transition: all .4s ease;}
.indxw-list a span{display: block;font-size: 16px;color: #888;margin-top: 4px;}
.indxw-list a:hover h1{color: #0070c0;}
.indxw-list .mCSB_scrollTools .mCSB_draggerRail{background: #eee;}
.indxw-list .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background: #0070c0;}

.indhb{border-top: 1px solid #eee;}
.indhb-loop{width: 100%;margin-top: 54px;}
.indhb-loop .swiper-container{padding: 0 2px;}
.indhb-link{width: 100%;display: flex;align-items: center;justify-content: center;border: 1px solid #dedede;height: 200px;transition: all .4s ease;}
.indhb-link img{max-width: 99%;max-height: 99%;}
.indhb-link:hover{border: 1px solid #0070c0;}


.indhb-link8{width: 100%;display: flex;align-items: center;justify-content: center;border: 1px solid #dedede;height: 76px;transition: all .4s ease;}
.indhb-link8 img{max-width: 99%;max-height: 99%;}
.indhb-link8:hover{border: 1px solid #0070c0;}




/* -------------------------PC端--------------------------- */
@media all and (max-width:1700px) {
    /* 1600 × (900/1024/1200) */
    .indgy:before {width: 250px;height: 260px;}
    .indgy:after {width: 440px;height: 448px;}
}

@media all and (max-width:1599px) {
    /* 1440 × (900/1050) */
    .indban .swiper-pagination {bottom: 32px;}
    .indgy:before {width: 230px;height: 234px;}
    .indcp .contain{width: calc(95% + 30px);}
    .indfa-num li p {font-size: 50px;}
    .indxw-list a {margin-top: 18px;}
}

@media all and (max-width:1439px) {
    /* 1360 × (768) */
    .indgy:before {width: 210px;height: 216px;}
    .indgy:after {width: 400px;height: 400px;}
    .indfa-cont-img{width: 300px;}
    .indfa-cont-desc {width: calc(100% - 300px);padding: 30px 28px 0;}
    .indfa-imgnum{height: 485px;}
    .indfa-num li p {font-size: 44px;}
    .indfa-num{bottom: 38px;}
}

@media all and (max-width:1359px) {
    /* 1280 × (800/854/1024) */
    .indtit p{padding-bottom: 14px; font-size: 27px;}
    .indtit p:after {width: 90px;height: 3px;margin-left: -45px;}
    .indgy:before {width: 196px;height: 200px;}
    .indpp .swiper-wrapper {padding-bottom: 50px;}
    .indfa-cont-img{width: 250px;}
    .indfa-cont-desc {width: calc(100% - 250px);padding: 16px 28px 0;}
    .indfa-cont-desc span {margin: 10px 0 14px;}
    .indfa-cont a {margin-top: 28px;}
    .indfa-imgnum{height: 403px;}
    .indfa-num li p {font-size: 38px;}
    .indxw-link-img{height: 230px;}
    .indxw-list {height: 460px;padding: 30px 28px 0;}
    .indxw-scroll{height: 400px;}
}

@media all and (max-width:1279px) {
    /* 1152 × (864) */
    .indmk {padding: 40px 0;}
}

@media all and (max-width:1151px) {
    /* 1024 × (600/768) */
    .indgy-list li p {font-size: 18px;margin-top: 24px;}
    .indgy-list li{height: 214px;}
    .indfa-cont-desc h1 {font-size: 18px;line-height: 24px;height: 48px;}
    .indfa-cont-img{width: 228px;}
    .indfa-cont-desc {width: calc(100% - 228px);padding: 16px 24px 0;}
    .indfa-imgnum{height: 371px;}
    .indfa-num li p {font-size: 32px;}
    .indfa-num {bottom: 28px;}
    .indxw-link-wd h1{font-size: 18px;}
    .indxw-link-wd {padding: 30px 28px 28px;}
    .indxw-link-img{height: 180px;}
    .indxw-list{height: 402px;padding: 24px 24px 0;}
    .indxw-list a h1 {font-size: 18px;line-height: 26px;}
    .indxw-scroll {height: 348px;}
    .indhb-loop {margin-top: 44px;}
}


/* ------------------------手机端-------------------------- */
@media all and (max-width:1000px) {
    /* 平板设备 720 适配 */
    .indgy-list ul{margin-top: 1px;}
    .indgy-list li{width: 50%;margin-top: -1px;}
    .indfa-imgnum{width: 100%;height: auto;}
    .indfa-cont{width: 100%;margin-top: 36px;}
    .indxw-item li{width: 48.5%;}
    .indxw-item li:last-child{width: 100%;margin-top: 1.5%;}
    .indxw-list {height: auto;padding: 24px;}
    .indxw-scroll{height: auto;}
    .indxw-link-img{height: 210px;}
    .indtit h4 {font-size: 16px;}
    .indfa-cont-img img{min-height: 180px;}
}
@media all and (max-width:640px) {

 .news-xq-mainwd {width:100%;border-top: 1px solid #eeeeee;border-bottom: 1px solid #eeeeee;padding: 30px 0;}
.news-xq-mainwd img{max-width:100%; vertical-align:middle;   }
.news-xq-mainwd p{font-size: 15px;line-height: 30px;color: #555;}
.news-xq-mainwd p img{max-width:100%;object-fit: cover;}
.news-xq-mainwd h5{font-size: 18px;line-height: 28px;color: #333;font-weight: 500;}



    
    .index8 .index8_con .right .news_li .text h5 a {font-size: 15px;color: #000000;}
    
    .home-d .cont ul li{margin-bottom:30px;width: 49%;}
    
    .sy_gg .sy_gg_l .ml2{font-size: 15px;color: #f3f3f3;font-style: normal;text-transform: uppercase;display: block;line-height: 24px;margin-top: 10px;}
    
    .shouce-list li{width: 48%;margin:20px 2% 0 0;float:left;background:#fff;transition:all .5s;-webkit-transition:all .5s;}
    .shouce-list li:nth-child(2n){margin-right:0;}
    .shouce-in>span{display:block;width:82px;height:82px;position:absolute;right:20px;top: 118px;text-align:center;line-height:82px;}
    
    .cont8 ul li{margin-bottom:30px;width: 49%;}
    .cont8 ul li .num i{font-size: 26px;line-height:36px;color:#272933;font-weight:bold;font-style: normal;}
    .cont8 ul li .num sup{font-size:16px;color:#272933;line-height:15px;margin-left:5px;vertical-align:top;top:0}
    .cont8 ul li .num sup.zh{font-size:14px}
    .cont8 ul li p{font-size:16px;line-height:28px;color:#272933;opacity:0.8;margin-top:2px}
    
    .pros_right{display: none;}
    .promore_l{width: 100%;float:left;}
    
    /* 移动终端以上 360 适配 */
    .indban-imgpc{display: none;}
    .indban-imgmb{display: block;}
    .indban .swiper-pagination {bottom: 18px;}
    .indmk {padding: 40px 0;}
    .indtit h4 {font-size: 20px;margin-top: 14px;font-weight: 700;}
    .indtit p {padding-bottom: 12px;}
    .indgy-desc{margin-top: 24px;}
    .indgy-desc a {width: 146px;height: 40px;line-height: 36px;margin: 28px auto 0;}
    .indgy-list li p {font-size: 15px;margin-top: 18px;}
    .indgy-list {margin-top: 32px;}
    .indgy-list li {padding-top: 20px;height: 182px;}
    .indgy:after {width: 260px;height: 274px;}
    .indpp-loop {margin-top: 32px;}
    .indpp-wd {height: 124px;padding: 28px 20px 0;}
    .indpp-img{height: 124px;}
    .indpp-wd h4 {font-size: 18px;margin-bottom: 10px;}
    .indpp .swiper-wrapper {padding-bottom: 38px;}
    .indcp .swiper-container{padding: 0;}
    .indcp .contain{width: 92%;}
    .indcp-imgwd{box-shadow: none;border: 1px solid #efefef;border-top: none;}
    .indcp-loop {margin-top: 32px;}
    .indfa-item {margin-top: 32px;}
    .indfa-num li p {font-size: 26px;}
    .indfa-num li span {font-size: 14px;margin-top: 4px;}
    .indfa-num {bottom: 18px;}
    .indfa-cont {margin-top: 28px;}
    .indfa-cont-img{width: 100%;height: auto;}
    .indfa-cont-desc{width: 100%;padding: 24px 20px;}
    .indfa-cont a{margin-top: 20px;}
    .indxw-item ul {margin-left: 0;}
    .indxw-item li{width: 100%;margin-left: 0;margin-top: 20px;}
    .indxw-item li:first-child{margin-top: 0;}
    .indxw-link-wd, .indxw-list{padding: 24px 20px;}
    .indxw-item {margin-top: 32px;}
    .indxw-item li:last-child{margin-top: 20px;}
    .indhb-loop{margin-top: 32px;}
    .indcp-wd {padding: 10px 20px 0;}
    .indfa-cont-img img{min-height: auto;}
}